<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/include/header.jsp"%>
<script type="text/javascript" src="msi/contract/contract.js"></script>
<script type="text/javascript">
$(function() {
	$('#contract').datagrid({
		width : 700,
		url:"searchContractList.do",
		onDblClickRow:function(rowIndex, rowData) {
			contractPage(rowData.contractId, '1');
		}
	});
});
</script>
<div class="easyui-layout" fit="true">
	<div region="north" border="false">
		<div class="subtitle">合同管理</div>
	</div>
	<div region="center" border="false">
		<table id="contract" toolbar="#toolbar"  idField="contractId" fit="true" singleSelect="true" pagination="true" rownumbers="true">
			<thead>
				<tr>
					<th field="contractId" hidden="true">合同ID</th>
					<th field="contractCode" width="130">合同编号</th>
					<th field="contractTitle" width="80">合同名称</th>
					<th field="custName" width="80">客户名称</th>
					<th field="signDate" width="80">签约日期</th>
					<th field="effectiveDate" width="80">生效日期</th>
					<th field="expirationDate" width="120" align="right">截止日期</th>
					<th field="contractDesc" width="80" align="right">内容描述</th>
					<th field="contractState" width="80" align="center">合同状态</th>
					<th field="contractVersion" width="80" align="center" >合同版本</th>
				</tr>
			</thead>
		</table>
	</div>
	<div id="toolbar" class="toolbar">
		<table cellpadding="0" cellspacing="0" style="width:100%">
			<tr>
				<td>
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="contractPage();">新增合同</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="openContract();">合同变更</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="viewContractHis()">变更历史</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="openChannel();">作废合同</a>
				</td>
				<td style="text-align:right">
					<input id="q" class="easyui-searchbox" prompt="按合同编号查询" searcher="normalContractQuery" style="width:200px"></input>
					<a href="#" class="easyui-linkbutton" plain="true" onclick="">高级查询</a>
				</td>
			</tr>
		</table>
	</div>
</div>
<div id="contractDialog" class="easyui-dialog" style="width:480px;height:260px;position:relative" closed="true" modal="true"></div>
<div id="contractRepactDialog" class="easyui-dialog" style="width:480px;height:260px;position:relative" closed="true" modal="true"></div>
<div id="contractChannelDialog" class="easyui-dialog" style="width:720px;height:450px;position:relative" closed="true" modal="true"></div>
<div id="contractHisDialog" class="easyui-dialog" style="width:720px;height:450px;position:relative" closed="true" modal="true"></div>
<div id="contractViewDialog" class="easyui-dialog" style="width:480px;height:260px;position:relative" closed="true" modal="true"></div>
<%@ include file="/include/footer.jsp"%>